<template>
    <select class="ph-simple-select" :value="value">
        <option :key="opt.value" :value="opt.value" v-for="opt in options">{{opt.title}}</option>
    </select>
</template>
<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
    props:{
        options:{
            type:Array,
            default:()=>["请选择"]
        },
        value:{type:[String,Number]}
    }
})
</script>
<style lang="scss" scoped>
@import '../../assets/scss/predef.scss';
.ph-simple-select{
    @include input();
    padding: calc(var(--phx) * 2.176) var(--ph-10);
    background-image: url(../../assets/svg/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right var(--ph-10) center;
    background-size: calc(var(--phx) * 6.96) calc(var(--phx) * 5.2236);
}
</style>
